<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>李观炯</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/home.css">
</head>
<body>
    <nav class="nav">
        <div class="nav-top">
            <div class="nav-head">
                <div class="logo"></div>
                    <div class="search">
                        <input type="text" class="search_input" placeholder="长歌行">
                        <div class="hot">
                            <a href=""><span>热搜榜</span></a>
                        </div>
                        <div class="searchBtn">
                            <img src="./img/head/sou.png" width="30" height="30" alt="">
                            <span>全网搜</span>
                        </div>
                </div>
            </div>
            <div class="nav-headPer">
                <div class="person">
                    <div class="img">
                        <img src="./img/head/VIP.png" alt="">
                    </div>
                    <div class="img">
                        <img src="./img/head/lishi.png" alt="">
                    </div>
                    <div class="img">
                        <img src="./img/head/touyin.png" alt="">
                    </div>
                    <div class="img">
                        <img src="./img/head/down.png" alt="">
                    </div>
                    <div class="img">
                        <img src="./img/head/wo.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="r-cont">
            <ul class="ul">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </nav>
    <div class="by">
        <div class="by-top">
            <div class="lft">
                <ul class="ul1">
                    <li>电视剧</li>
                    <li>海外剧</li>
                    <li>网络剧</li>
                    <li>电影</li>
                    <li>院线大片</li>
                    <li>自制电影</li>
                </ul>
                <ul class="ul1">
                    <li>电视剧</li>
                    <li>海外剧</li>
                    <li>网络剧</li>
                    <li>电影</li>
                    <li>院线大片</li>
                    <li>自制电影</li>
                </ul>
                <ul class="ul1">
                    <li>电视剧</li>
                    <li>海外剧</li>
                    <li>网络剧</li>
                    <li>电影</li>
                    <li>院线大片</li>
                    <li>自制电影</li>
                </ul>
                <ul class="ul1">
                    <li>电视剧</li>
                    <li>海外剧</li>
                    <li>网络剧</li>
                    <li>电影</li>
                    <li>院线大片</li>
                    <li>自制电影</li>
                </ul>
            </div>
            <div class="rgt">
                <div class="img1">
                                    <img src="https://puui.qpic.cn/vupload/0/20190708_h2gvgd4og8/0" width="84" height="67" alt="">
                                    <img class="img" src="https://vfiles.gtimg.cn/wupload/vqqcom.vshou_nav_feature/20220128_v95nat4iyer.png" width="84" height="67" alt="">         
                </div>
                <div class="img1">
                    <img src="https://puui.qpic.cn/vupload/0/20190708_put2hy5e2g/0" width="84" height="67" alt="">
                    
                    <img class="img" src="https://puui.qpic.cn/vupload/0/20190708_hvl7275ycy7/0" width="84" height="67" alt="">
                </div>
            </div>
        </div>
        <!-- 今日热门 -->
        <div class="top1">
            <div class="top-nav">
                <div class="lft">
                    <h1>今日热门</h1>
                    <p>魔力宝贝经典新游回归，抽Switch、视频VIP卡！</p>
                </div>
                <div class="rgt">
                    <span>&lt;</span> 1/7 
                    <span>&gt;</span>
                </div>
            </div>
            <div class="cont">
                <div class="vedio">
                    <img src="https://puui.qpic.cn/vpic_cover/q3349d26jwt/q3349d26jwt_hz.jpg/496" width="185" height="105" alt="">
                    <p>山东烟台长岛上空出现雨瀑奇景，巨大雨墙缓缓移动</p>
                </div>
                <div class="vedio">
                    <img src="https://puui.qpic.cn/vpic_cover/e3349iqmgce/e3349iqmgce_hz.jpg/496" width="185" height="105" alt="">
                    <p>14岁男孩考上北航，2岁时已认识3600个常用汉字</p>
                </div>
                <div class="vedio">
                    <img src="https://puui.qpic.cn/vpic_cover/h3349y9g2in/h3349y9g2in_hz.jpg/496" width="185" height="105" alt="">
                    <p>俄国防部公布海陆空打击现场 导弹如降雨倾泻而下</p>
                </div>
                <div class="vedio">
                    <img src="https://puui.qpic.cn/vpic_cover/c3349509x4o/c3349509x4o_hz.jpg/496" width="185" height="105" alt="">
                    <p>接天莲叶无穷碧原来长这样，与杨万里狠狠地共情了</p>
                </div>
                <div class="vedio">
                    <img src="https://puui.qpic.cn/vpic_cover/s3349nvkw10/s3349nvkw10_hz.jpg/496" width="185" height="105" alt="">
                    <p>国防部：统一祖国是中国人民解放军的神圣使命</p>
                </div>
                <div class="vedio">
                    <img src="https://puui.qpic.cn/vpic_cover/s3349je62bt/s3349je62bt_hz.jpg/496" width="185" height="105" alt="">
                    <p>两弹元勋邓稼先逝世36周年 130秒珍贵影像缅怀</p>
                </div>
            </div>
        </div>
        <!-- 知识精选课堂 -->
        <div class="top3">
            <div class="top-nav">
                <div class="lft">
                    <h1>知识精选课程</h1>
                </div>
                <div class="rgt">
                    <span>&lt;</span> 1/7 
                    <span>&gt;</span>
                </div>
            </div>
            <div class="cont">
                <div class="vedio">
                    <img src="https://puui.qpic.cn/vcover_hz_pic/0/gvfgqgt46am9r29/332" width="185" height="105" alt="">
                    <p class="p1">邢立达：探秘中华恐龙</p>
                    <p>身披巨剑“华阳龙”和李白有关</p>
                </div>
                <div class="vedio">
                    <img src="https://vc.qpic.cn/tpic/mtviwhGpCPTas/fbdk8742xdi6y206/250" width="185" height="105" alt="">
                    <p class="p1">苗师傅十日谈</p>
                    <p>从辛德勒的名单谈人性</p>
                </div>
                <div class="vedio">
                    <img src="https://vc.qpic.cn/tpic/mtviwiVLjkHRS/j82q9001qcjxc267/250" width="185" height="105" alt="">
                    <p class="p1">很熟的小厨房</p>
                    <p>拿捏五味的平衡秘诀</p>
                </div>
                <div class="vedio">
                    <img src="https://puui.qpic.cn/vcover_hz_pic/0/77cr2cfbuvwv8v51658488474/332" width="185" height="105" alt="">
                    <p class="p1">赵冬梅讲宋史</p>
                    <p>宋朝人如何制冰？</p>
                </div>
                <div class="vedio">
                    <img src="https://vc.qpic.cn/tpic/mtviw7pdW81Xj/3h7b657446czu120/250" width="185" height="105" alt="">
                    <p class="p1">藏起来的危险</p>
                    <p>必知！关键时刻能救命</p>
                </div>
                <div class="vedio">
                    <img src="https://vc.qpic.cn/tpic/mtviwiNWDywef/me7p8976n8xbs500/250" width="185" height="105" alt="">
                    <p class="p1">解读莎士比亚戏剧</p>
                    <p>他改编“罗茱”变爱情戏</p>
                </div>
            </div>
        </div>
        
        <!-- 少儿 -->
        <div class="top3">
            <div class="top-nav">
                <div class="lft">
                    <h1>少儿</h1>
                </div>
                <div class="rgt">
                    <span>&lt;</span> 1/2
                    <span>&gt;</span>
                </div>
            </div>
            <div class="cont">
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/vcover_vt_pic/0/mzc00200tunq6791658828054219/350" width="185" height="259" alt="">
                    </div>
                    <p class="p1">薇薇猫的日常</p>
                    <p>萌猫搞笑和治愈的生活</p>
                </div>
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/vcover_vt_pic/0/mzc00200wfu14tb1657684973900/350" width="185" height="259" alt="">
                    </div>
                    <p class="p1">喜羊羊与灰太狼之奇妙大营救</p>
                    <p>小羊变猫猫，勇闯妙狗国</p>
                </div>
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/vcover_vt_pic/0/mzc002001g7ozkg1648810899908/350" width="185" height="259" alt="">
                    </div>
                    <p class="p1">动物神探队</p>
                    <p>探索世界动物之谜</p>
                </div>
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/vcover_vt_pic/0/mzc0020022mei0a1652927176422/350" width="185" height="259" alt="">
                    </div>
                    <p class="p1">海底小纵队第七季</p>
                    <p>发现未知生物 探索海洋奥妙</p>
                </div>
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/vcover_vt_pic/0/mzc00200pkb0q9f1637043515765/350" width="185" height="259" alt="">
                    </div>
                    <p class="p1">宠物旅店</p>
                    <p>宠物是不可替代的家人</p>
                </div>
                <div class="vedio">
                    <div class="img">
                        <img src="https://vc.qpic.cn/tpic/mtviuZ5snKNhQ/bzrp2818gxef7946/209" width="185" height="259" alt="">
                    </div>
                    <p class="p1">汪汪队立大功第七季</p>
                    <p>狗狗的勇敢冒险</p>
                </div>
            </div>
        </div>
    
        <!-- 纪录片 -->
        <div class="top3">
            <div class="top-nav">
                <div class="lft">
                    <h1>纪录片</h1>
                </div>
                <div class="rgt">
                    <span>&lt;</span> 1/8
                    <span>&gt;</span>
                </div>
            </div>
            <div class="cont">
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/vcover_vt_pic/0/mzc00200t4nwza81656991976522/350" width="185" height="259" alt="">
                    </div>
                    <p class="p1">亲爱的敌人</p>
                    <p>一场“亲密关系启示录” </p>
                </div>
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/vcover_vt_pic/0/mzc00200p29k31e1654746617681/350" width="185" height="259" alt="">
                    </div>
                    <p class="p1">青工所</p>
                    <p>对生活提供确定性研究</p>
                </div>
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/vcover_vt_pic/0/mzc00200unqruev1654307921280/350" width="185" height="259" alt="">
                    </div>
                    <p class="p1">鲸的秘密 第一季</p>
                    <p>深入蔚蓝，走进鲸的世界</p>
                </div>
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/vcover_vt_pic/0/mzc002002a2m2ym1653362121730/350" width="185" height="259" alt="">
                    </div>
                    <p class="p1">古代战场</p>
                    <p>还原中国古代知名战争</p>
                </div>
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/vcover_vt_pic/0/mzc00200ooaq41k1653983810549/350" width="185" height="259" alt="">
                    </div>
                    <p class="p1">王者的独白</p>
                    <p>皇帝背后有怎样的人生？</p>
                </div>
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/vcover_vt_pic/0/mzc00200r7r5h3v1652786940944/350" height="259" alt="">
                    </div>
                    <p class="p1">鱼鹰-海上猛禽</p>
                    <p>无与伦比的水栖猛禽高光时刻 </p>
                </div>
            </div>
        </div>
          
        <!-- 为你精选 -->  
        <div class="top4">
            <div class="top-nav">
                <div class="lft">
                    <h1>为你精选</h1>
                </div>
                <div class="rgt">
                    <span>&lt;</span> 1/8
                    <span>&gt;</span>
                </div>
            </div>
            <div class="cont">
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/vcover_hz_pic/0/mzc00200ttdnr911658394921834/332" width="185" height="259" alt="">
                    </div>
                    <p class="p1">北游记✨仙魂下凡</p>
                    <p>上古灵兽奇幻仙恋高冷战神</p>
                </div>
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/vcover_hz_pic/0/mzc00200fivc1di1658477313694/332" width="185" height="259" alt="">
                    </div>
                    <p class="p1">迷航昆仑墟✨摸金寻宝</p>
                    <p>许凯钟楚曦智取江湖共破谜团</p>
                </div>
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/vcover_hz_pic/0/m441e3rjq9kwpsc1543546765/332" width="185" height="259" alt="">
                    </div>
                    <p class="p1">斗罗大陆</p>
                    <p>此生不悔入唐门</p>
                </div>
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/media_img/lena/PIC8a3bof_720_1280/0" width="185" height="259" alt="">
                    </div>
                    <p class="p1">米小圈上学记</p>
                    <p>预告首发！秋实小学卧虎藏龙 </p>
                </div>
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/media_img/lena/PICubyesm_304_540/0" width="185" height="259" alt="">
                    </div>
                    <p class="p1">开始推理吧</p>
                    <p>第26期：大楼里的哭声Ⅰ（中）-郭麒麟刘宇宁被喷成筛子 ？</p>
                </div>
                <div class="vedio">
                    <div class="img">
                        <img src="https://puui.qpic.cn/vcover_hz_pic/0/sifd2an7kx2h9h81522480414/332" height="259" alt="">
                    </div>
                    <p class="p1">雪鹰领主</p>
                    <p>吞噬星空 神帝巅峰</p>
                </div>
            </div>
        </div>
          
    </div>
    
    <!-- 底部 -->
    <footer class="footer">
        <div class="f-cont">
            <div class="lft">
                <h3>热门频道</h3>
                <div class="flx">
                    <div>
                        <a href="">电视剧</a>
                    </div>
                    <div>
                        <a href="">综艺</a>
                    </div>
                    <div>
                        <a href="">电影</a>
                    </div>
                    <div>
                        <a href="">NBA</a>
                    </div>
                    <div>
                        <a href="">搞笑</a>
                    </div>
                    <div>
                        <a href="">音乐</a>
                    </div>
                    <div>
                        <a href="">娱乐</a>
                    </div>
                    <div>
                        <a href="">动漫</a>
                    </div>
                    <div>
                        <a href="">游戏</a>
                    </div>
                    <div>
                        <a href="">VIP影院</a>
                    </div>
                    <div>
                        <a href="">海外剧</a>
                    </div>
                    <div>
                        <a href="">纪录片</a>
                    </div>
                    <div>
                        <a href="">新闻</a>
                    </div>
                    <div>
                        <a href="">生活</a>
                    </div>
                    <div>
                        <a href="">体育</a>
                    </div>
                </div>
            </div>
            <div class="cet">
                <div class="c-lft">
                    <h3>特色推荐</h3>
                    <div>
                        <a href="">自制电影</a>
                        <a href="">杀毒软件</a>
                    </div>
                </div>
                <div class="c-rgt">
                    <h3>软件下载</h3>
                    <div class="flx">
                        <div>
                            <img src="./img/footer/phone.png" width="24" height="44" alt="">
                            <p>手机版</p>
                        </div>
                        <div>
                            <img src="./img/footer/PC.png" width="40" height="40" alt="">
                            <p>Windows版</p>
                        </div>
                        <div>
                            <img src="./img/footer/Mac.png" width="40" height="40" alt="">
                            <p>Mac版</p>
                        </div>
                        <div>
                            <img src="./img/footer/iP.png" width="40" height="40" alt="">
                            <p>iPad版</p>
                        </div>
                        <div>
                            <img src="./img/footer/TV.png" width="40" height="40" alt="">
                            <p>TV版</p>
                        </div>
                                        
                    </div>
                </div>
            </div>
            <div class="rgt">
                <div class="rgt-l">
                    <h3>服务</h3>
                    <div>
                        <a href="">客服</a>
                        <a href="">反馈</a>
                        <a href="">侵权投诉</a>
                        <a href="">VIP采购</a>
                        <a href="">腾讯视频隐私保护指引</a>
                        <a href="">腾讯视频用户服务协议</a>
                    </div>
                </div>
                <div class="rgt-r">
                    <div>
                        <a href="">腾讯视频第三方SDK目录</a>
                        <a href="">腾讯视频第三方信息共享清单</a>
                        <a href="">
                            腾讯视频已收集个人信息清单
                        </a>
                        <a href="">
                            腾讯儿童隐私保护声明
                        </a>
                        <a href="">
                            腾讯视频VIP会员服务协议
                        </a>
                        <a href="">
                            腾讯视频超级影视VIP会员服务协议
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>